.fixedMessageBar .ico-fixedMessage{display:inline-block;cursor:pointer;
    background-image:url(ico-fixedMessage.png);
    background-repeat:no-repeat;}
.fixedMessageBar .ico-fixedMessage-default{width:40px;height:130px;background-position:-1px -1px;}
.fixedMessageBar .ico-fixedMessage-qq{width:80px;height:80px;background-position:-50px -4px;}
.fixedMessageBar .ico-fixedMessage-close{width:24px;height:24px;background-position:-141px -8px;position:absolute;right:15px;top:-14px;}
.fixedMessageBar .ico-fixedMessage-weixin{width:24px;height:24px;background-position:-182px -6px;vertical-align:-7px;}
.fixedMessageBar .ico-fixedMessage-toTop{width:30px;height:30px;background-position:-217px -4px;vertical-align:-10px;}
.fixedMessageBar .fixedMessageDefault{position:fixed;z-index:999;right:10px;transition: all .2s linear;-webkit-transition:all .2s linear;-moz-transition: all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;opacity:0;visibility:hidden;bottom:340px;}
.fixedMessageBar .fixedMessageDefault.on{opacity:1;visibility:visible;bottom:100px;}
.fixedMessageBar .fixedMessageOn{position:fixed;z-index:999;right:10px;bottom:30px;min-width:120px;background:#fff;border-radius:5px;border:1px solid #eee;box-shadow:0 0 3px 1px rgba(0,0,0,0.1);transition: all .2s linear;-webkit-transition:all .2s linear;-moz-transition: all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;opacity:0;visibility:hidden;}
.fixedMessageBar .fixedMessageOn.on{opacity:1;visibility:visible;bottom:50px;}
.fixedMessageBar .actionContainer .item{padding:7px 5px;border-top:1px dashed #ddd;text-align:center;transition: all .2s linear;-webkit-transition:all .2s linear;-moz-transition: all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;}
.fixedMessageBar .actionContainer .item:first-child{border-top:none;border-top-left-radius:5px;border-top-right-radius:5px;}
.fixedMessageBar .actionContainer .item:hover{background:#f5a500;}
.fixedMessageBar .actionContainer .item:hover .label{color:#fff;}
.fixedMessageBar .actionContainer .item:hover .val{color:#fff;}
.fixedMessageBar .actionContainer .item .label{color:#999;font-size:14px;line-height:24px;}
.fixedMessageBar .actionContainer .item .val{display:block;color:#f5a500;font-size:14px;line-height:24px;}
.fixedMessageBar .actionContainer .itemGroup{border-bottom-left-radius:5px;border-bottom-right-radius:5px;*zoom:1;}
.fixedMessageBar .actionContainer .itemGroup:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fixedMessageBar .actionContainer .itemGroup:hover{background:none;}
.fixedMessageBar .actionContainer .itemGroup .weixin{float:left;width:50%;}
.fixedMessageBar .actionContainer .itemGroup .weixin .aItem{display:block;text-align:center;line-height:50px;border-right:1px solid #eee;position:relative;z-index:0;}
.fixedMessageBar .actionContainer .itemGroup .weixin .aItem .weixinImg{position:absolute;width:128px;height:128px;border:1px solid #ddd;left:-140px;bottom:20px;box-shadow:0 0 3px 1px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transition: all .2s linear;-webkit-transition:all .2s linear;-moz-transition: all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;}
.fixedMessageBar .actionContainer .itemGroup .weixin .aItem:hover .weixinImg{opacity:1;visibility:visible;bottom:0px;}
.fixedMessageBar .actionContainer .itemGroup .toTop{float:right;width:50%;}
.fixedMessageBar .actionContainer .itemGroup .toTop .aItem{display:block;text-align:center;line-height:50px;}
@media  screen and (max-width: 767px) {
    .fixedMessageBar {
        display:none;
    }
}